<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
    </head>
    <body>
        <div id="app">
            <p>msg: {{ msg }}</p>
            <p>reverseredMsg: {{ reverseredMsg }}</p>
            <input type="text" v-model="msg" />
        </div>
    </body>
    <script src="../lib/vue.min.js"></script>
    <script>
        const vm = new Vue({
            el: "#app",
            data: function () {
                return {
                    msg: "Hello",
                };
            },
            computed: {
                reverseredMsg() {
                    return this.msg.split("").reverse().join("");
                },
            },
        });
    </script>
</html>
